<html lang="en">
<head>
    <meta charset="utf-8"></meta>
    <title>warframe-裂隙</title>
    <style>
        .mainDiv {
            position: relative;
            border: rgb(0, 0, 0) 5px solid;
            border-bottom: rgb(0, 0, 0) 30px solid;
            border-radius: 20px;
        }
        .mainDiv::before {
            position: absolute;
            content: "WARFRAME · BOT · WF · 裂隙";
            font-size: 30px;
            font-family: "Arial Black", sans-serif;
            color: white;
            bottom: -35px;
            left: 30px;
        }
        .headDiv {
            position: relative;
            font-size: 35px;
            text-align: center;
        }
        .contentDiv {
            position: relative;
            border: rgb(0, 0, 0) 5px solid;
            margin: 5px;
            padding: 5px;
        }
        .imageDiv {
            position: absolute;
            bottom: 40px;
            right: 20px;
        }
    </style>
</head>
<body>
    <div class="mainDiv">
        <div class="headDiv">
            当前存在的裂隙
        </div>
        <div class="contentDiv">
            <#list tierList as tier>
                <div>
                    <strong style="color: #ff0000;font-size: 20px;">${tier.tier}</strong>
                </div>
                <#list tier.wiaGetFissuresVOS as wiaGetFissuresVO>
                    <div>
                        <strong>${wiaGetFissuresVO.node}</strong> - <strong>${wiaGetFissuresVO.enemy}</strong> - <strong style="color: #ff006a;">${wiaGetFissuresVO.missionType}</strong> - <strong style="color: #0035ff;">${wiaGetFissuresVO.eta}</strong>
                    </div>
                </#list>
            </#list>
        </div>
    </div>
    <div class="imageDiv">
        <img src="data:image/png;base64,${imageBase64}" alt="" width="250"></img>
    </div>
</body>
</html>